export let echartsConfig = {
  title: {
    textStyle: {
      color: "#fff",
      fontSize: 32,
    },
    left: "10%",
    top: 80,
  },
  grid: {
    top: 150,
    bottom: 60,
    right: "8%",
    left: "10%",
  },
  xAxis: {
    axisLine: {
      lineStyle: {
        color: "#58CEFF",
      },
    },
    axisTick: {
      show: false,
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: "rgba(92, 206, 255, .3)",
      },
    },
    axisLabel: {
      interval: 0,
      margin: 22,
      color: "rgba(255,255,255,1)",
      fontSize: 32,
    },
  },
  yAxis: {
    type: "value",
    nameGap: 30,
    nameTextStyle: {
      color: "rgba(255,255,255,1)",
      fontSize: 32,
    },
    axisLine: {
      lineStyle: {
        color: "#58CEFF",
      },
    },
    axisTick: {
      show: false,
    },
    axisLabel: {
      margin: 24,
      color: "rgba(255,255,255,1)",
      fontSize: 32,
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: "rgba(92, 206, 255, .3)",
      },
    },
    splitArea: {
      show: true,
      areaStyle: {
        color: ["rgba(240,241,245,0)", "rgba(84, 159, 251, 0.1)"],
      },
    },
  },
  legend: {
    itemWidth: 32,
    itemHeight: 20,
    itemGap: 32,
    right: "19%",
    top: 80,
    textStyle: {
      color: "rgba(255,255,255,1)",
      fontSize: 32,
    },
  },
};
